#{extends 'main.html' /}


<script src="http://connect.facebook.net/en_US/all.js"></script>

<script type="text/javascript">
FB.init({
    appId: '464319353613932',
    status: true,
    cookie: true,
    xfbml: true
});
function sendRequests() {
    FB.ui({
        method: 'apprequests',
        message: 'You should use this app.',
        data: 'tracking information for the user'
    }, function(response) {
        if (response != null && response.request_ids && response.request_ids.length > 0) {
            for (var i = 0; i < response.request_ids.length; i++) {
                alert("Invited: " + response.request_ids[i]);
            }
        }
    });
}
</script>



<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/index.css'}">
<div id="container2">
	<div id="movie"> <a href='/moviepage2'><img src="/public/images/movieIcon.png" height='200' width='350'/></a>
	</div>
	<div id="tv"> <a href='tvShowsPage.html'><img src="/public/images/tv_icon.png" height='200' width='350'/></a></div>
	</div>


  <div id="mainContent">
  <div id="FriendActivityContainer">
  <div id="sfcontainer">
  <h2 class="social_feed_title" style="margin-top: 10px; margin-left: 30px;">Friends Activities</h2>
  
  	</div>
  	</div>
  	 <div id="fi_container">
  	 <a href="#" onclick="sendRequests();return false;"><img src="/public/images/fi_button.png" height='80' width='170'/></a>
  
  </div>
  </div>
  
  <div id="container_like">
#{list items:0..4, as:'i'}

<div id="container3">
 		<div id="imageposition">
 			<img src="${friendProfilePictures.get(i)}"/> 
 		</div>
  
  <div id="friendAndFilmName">
  	<div id="friendAndFilmNameContainer">
      	${friendNames.get(i)} liked
      	${friendLikes.get(i)}
  	</div>
  </div>
  
  <div id="imageposition2">
 			<img src="${friendProfilePictures.get(i)}"/> 
 		</div>
 		
   <div id="friendAndTvName">
  	<div id="friendAndTvNameContainer">
      	${friendNames.get(i)} liked
      	${friendLikes.get(i)}
  	</div>
  	
  </div>
</div>
#{/list}

<div id="social_inner_buttons ">

</div>

</div>

  
 
